什麼是 AJAX

AJAX（Asynchronous JavaScript and XML）允許你在網頁不重新載入的情況下，與伺服器進行資料交換。它使用 JavaScript 發送 HTTP 請求來從伺服器獲取數據或將數據發送到伺服器。

AJAX有幾個優點:
1.讓網頁應用更快、更互動。
2.使用者無需刷新頁面即可看到新數據。
3.可以用來獲取伺服器上的動態資料，如天氣、股票價格等。

發送 AJAX 請求

要發送 AJAX 請求可以使用 JavaScript 提供的 XMLHttpRequest 對象或者更現代的 fetch API。

// 創建一個新的 XMLHttpRequest 對象
let xhr = new XMLHttpRequest();

// 配置請求
xhr.open('GET', 'https://jsonplaceholder.typicode.com/posts', true);

// 設置當伺服器回應時執行的函式
xhr.onload = function() {
  if (xhr.status >= 200 && xhr.status < 300) {
    console.log(xhr.responseText);  // 打印回應數據
  }
};

// 發送請求
xhr.send();

什麼是 JSON

JSON（JavaScript Object Notation）是一種輕量級的數據格式，主要用於伺服器與網頁之間交換資料。它的結構類似於 JavaScript 對象，容易讀寫，並且能夠很好地與 JavaScript 結合。
小小的結構範例:

{
  "name": "Alice",
  "age": 25,
  "languages": ["English", "Spanish"]
}

將 JSON 轉換為 JavaScript 對象：
我們可以使用 JSON.parse() 將伺服器返回的 JSON 字符串轉換為 JavaScript 對象。

let jsonData = '{"name": "Alice", "age": 25}';
let obj = JSON.parse(jsonData);
console.log(obj.name);  // 輸出：Alice

將 JavaScript 對象轉換為 JSON：
JSON.stringify() 將 JavaScript 對象轉換為 JSON 字符串，便於發送到伺服器。

let user = {name: "Alice", age: 25};
let jsonString = JSON.stringify(user);
console.log(jsonString);  // 輸出：{"name":"Alice","age":25}

不知不覺已經完成20添了，後面幾天也會開始準備實作內容了。